<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/at.css">
    <link rel="stylesheet" href="../images/iconfont/iconfont.css">
</head>
<body>
    <div id="top">
        <div class="banxin">
            <div class="l">
                <div class="tm">
                    <span class="iconfont icon-shouye"><a href="#">天猫首页</a></span>
                    <span>喵，欢迎来天猫</span>
                    <span><a href="02dengluye.html">请登录</a></span>
                    <span><a href="03zhuceye.html">免费注册</a></span>
                </div>
            </div>
            <div class="r">
                <ul class="taobao">
                    <li>
                        <a href="#">我的淘宝</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li>已买到的宝贝</li>
                            <li>已卖出的宝贝</li>
                        </ul>
                    </li>
                    <li>
                        <span class="iconfont icon-gouwuche
                        "></span>
                        <a href="#">购物车</a>
                    </li>
                    <li>
                        <a href="#">收藏夹</a>
                        <span class="iconfont icon-arrow-down
                        "></span>&nbsp;&nbsp;&nbsp;<span>|</span>
                        <ul>
                            <li>收藏的宝贝</li>
                            <li>收藏的店铺</li>
                        </ul>

                    </li>
                    <li>
                        <span class="iconfont icon-shouji
                        "></span>
                        <a href="#">手机版</a>
                        <ul>
                            <li><img src="../images/ewm.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">淘宝网</a>
                    </li>

                    <li>
                        <a href="#">商家支持</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li><b>商家：</b></li>
                            <li><a href="#">商家中心</a></li>
                            <li><a href="#">商家入驻</a></li>
                            <li><a href="#">商家品控</a></li>
                            <li><a href="#">天猫智库</a></li>
                            <li><a href="#"><b>帮助：</b></a></li>
                            <li><a href="#">商家服务大厅</a></li>
                            <li><a href="#"></a>问商家</li><br>
                        </ul>
                    </li>

                    <li>
                        <span class="iconfont icon-daohang
                        "></span>
                        <a href="#">网站导航</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- --------------第二栏  搜索------------------------------------- -->
    <div id="sousuo">
        <div class="banxin">
            <div class="zuo">
                <div class="t">
                    <!-- 图片 -->
                    <div class="tp">
                        <img src="../images/tm.png">
                    </div>
                    <!-- 客服 -->
                    <div class="kf">
                        <b>安踏官方网站</b><br>
                        <img src="../images/kf.png" alt="">
                    </div>
                    <div class="wuliu">
                        <p>描述服务物流</p>
                        <p>4.8-4.8-4.8<span class="iconfont icon-jiantou1"></span></p>
                        <div class="wjiantou"><span class="iconfont icon-arrow-down
                        "></span></div>
                    </div>
                    <!-- 二维码 -->
                    <div class="erweima">
                        <p>手机逛</p>
                        <span class="iconfont icon-erweima
                        "></span>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <div class="ewm"></div>
                    </div>
                </div>
            </div>
            <div class="you">
                <input type="text" id="ssk" placeholder="  搜索 天猫 商品/品牌/店铺">
                <div class="stm"><a href="#">搜天猫</a></div>
                <div class="sbd"><a href="#">搜本店</a></div>
            </div>
        </div>
    </div>

    <div id="anta">
        <div class="banxin">
            <div class="logo"><a href="#"><img src="../images/logo_03.jpg" alt=""></a></div>
            <!-- 搜索框 -->
            <div class="suk">
                <input type="text" id="oIp">
                <a href="#">
                    <span class="iconfont icon-fangdajing"></span>
                </a>
            </div>
        </div>
    </div>
    <!--  导航栏  -->
    <div id="dhl">
        <div class="banxin">
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">所有分类</a></li>
                    <li>
                        <a href="#">男子系列</a>
                        <ul>
                            <li>
                                <a href="#">鞋类</a>
                            </li>
                            <li><a href="#">跑步鞋</a></li>
                            <li><a href="#">板鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                            <li><a href="#">炙热</a></li>
                            <li><a href="#">霸道</a></li>
                        </ul>

                    <li>
                        <a href="#">女子系列</a>
                        <ul>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">卫衣</a></li>
                            <li><a href="#">运动套装</a></li>
                            <li><a href="#">运动长裤</a></li>
                            <li><a href="#">运动套装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">儿童系列</a>
                        <ul>
                            <li><a href="#">跑鞋/休闲鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">裤子</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">ANTA科技</a>
                    </li>
                    <li>
                        <a href="#">东奥国旗系列</a>
                        <ul>
                            <li><a href="#"><img src="../images/dah.png" alt=""></a></li>
                        </ul>
                    </li>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 分类表 -->
    <div id="flb">
        <div class="banxin">
            <!-- 表格 -->
            <div class="bg">
                <div class="fl"><b>所有分类<span class="iconfont icon-right"></span></b></div>
                <!-- 表格搜索 -->
                <div class="bss">
                    <input type="text" placeholder="在当前结果中搜索" style="border: none;">
                    <span class="iconfont icon-fangdajing"></span>
                </div>
            </div>
            <!-- 第二列 -->
            <div class="biaoge2">
                <div class="fenglei"><a href="#"><span class="iconfont icon-jiantou3
                    "></span>所有分类</a></div>
                <ul>
                    <li>
                        <a href="#">新品专区</a>
                        <ul>
                            <li><a href="#">2021.11.11预告</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">服装专区</a>
                        <ul>
                            <li><a href="#">2021.11.11</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">男子专区</a>
                        <ul>
                            <li><a href="#">上装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">女子专区</a>
                        <ul>
                            <li><a href="#">下装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">儿童专区</a>
                        <ul>
                            <li><a href="#">运动装备</a></li>
                        </ul>
                    </li>

                    <li>

                    <li style="text-align: right; float: right; margin-top: -20px;">
                        <a href="#">更多<span class="iconfont icon-arrow-down
                            "></span></a>
                    </li>
                </ul>
            </div>
            <!-- 第三列 -->
            <div class="biaoge3">
                <div class="fenglei3"><a href="#">适用场地</a></div>
                <ul>
                    <li><a href="#">小道</a></li>
                    <li><a href="#">公路</a></li>
                    <li><a href="#">跑道</a></li>
                    <li><a href="#">地板</a></li>
                    <li><a href="#">硬地</a></li>
                    <li style="width: 40px; background-color: rgba(192, 192, 192, 0.26);"><a href="#">+场地</a></li>
                </ul>
            </div>
            <div class="biaoge3" style="border-top: 0;">
                <div class="fenglei3"><a href="#">裤子分类</a></div>
                <ul>
                    <li><a href="#">运动裤</a></li>
                    <li style="width: 40px; background-color: rgba(192, 192, 192, 0.274);  margin-left: 700px;"><a
                            href="#">+场地</a></li>
                </ul>
            </div>
            <div class="biaoge3" style="border-top: 0; border-bottom: 1px solid rgba(192, 192, 192, 0.308);">
                <div class="fenglei3"><a href="#" style="margin-left: -25px;">圆领</a></div>
                <ul>
                    <li><a href="#">圆领</a></li>
                    <li><a href="#">连帽</a></li>
                    <li><a href="#">立领</a></li>
                    <li
                        style="width: 40px; background-color: rgba(192, 192, 192, 0.24);  margin-left: 350px; border-bottom: 1px solid rgba(192, 192, 192, 0.281);">
                        <a href="#">+场地</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>